/* Reset Css */
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
body {
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:100%;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
a { text-decoration: none; }
a:hover { text-decoration:none; }
a img { border:0}
.clear { clear:both }
/* Reset Css */

.wrapper{
 display:none;
 position:absolute;
 width:100%;
 height:100%;
 background: -webkit-gradient(radial, center center, 0, center center, 350, from(#2f6460), to(#11312e));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #2f6460, #11312e);
 /* Firefox 3.6+ */
 background: -moz-radial-gradient(circle, #2f6460, #11312e);
 /* IE 10 */
 background: -ms-radial-gradient(circle, #2f6460, #11312e);
 background-size:100% 100%;
}
#wrapperSG{
 display:block;
}
input.btn{
 padding: 1% 1.5%;
 color: #feff33;
 font-weight:bold;
 /* IE10 */ 
 background: -ms-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Mozilla Firefox */ 
 background: -moz-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Opera */ 
 background: -o-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d0000), color-stop(1, #b55853));
 /* Webkit (Chrome 11+) */ 
 background: -webkit-linear-gradient(bottom, #3d0000 0%, #b55853 100%); 
 border: 2px solid #feff33;
 border-radius: 6px;
 cursor: pointer;
}

#contentLeft{
 float:left;
 width:82%;
 height:96%;
 border: 2px solid #D8AC26;
 border-radius:6px;
 padding:0.5%;
 margin:1% 0% 0.5% 1%;
 background: -webkit-gradient(radial, center center, 0, center center, 350, from(#600), to(#200));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(50%, closest-corner, #600, #200);
 /* Firefox 3.6+ */ 
 background: -moz-radial-gradient(50%, closest-corner, #600, #200);
 /* IE 10 */
 background: -ms-radial-gradient(50%, closest-corner, #600, #200);
 position:relative;
}

#contentLeft #selectDep{
 float:left;
 width:100%;
 text-align:center;
 font-weight:bold;
 color:#fff;
 text-shadow:1px 1px #000;
}
#selectDep a{
 float:left;
 width:30%;
 margin:1% 1%;
 padding:1.75% 0.25%;
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, right top, left top, from(#033), to(#099));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-linear-gradient(right, #033, #099);
 /* Firefox 3.6+ */ 
 background: -moz-linear-gradient(right, #033, #099);
 /* IE 10 */
 background: -ms-linear-gradient(right, #033, #099);
 cursor:pointer; 
 border:1px solid #fff;
 border-radius:3px;
 overflow:hidden;
 text-overflow:ellipsis;
}
#selectDep a.actDep{
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, right top, left top, from(#970000), to(#FF4C23));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-linear-gradient(right, #970000, #FF4C23);
 /* Firefox 3.6+ */ 
 background: -moz-linear-gradient(right, #970000, #FF4C23);
 /* IE 10 */
 background: -ms-linear-gradient(right, #970000, #FF4C23);
}
#selectDep a:hover{
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, right top, left top, from(#970000), to(#FF4C23));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-linear-gradient(right, #970000, #FF4C23);
 /* Firefox 3.6+ */ 
 background: -moz-linear-gradient(right, #970000, #FF4C23);
 /* IE 10 */
 background: -ms-linear-gradient(right, #970000, #FF4C23);
}

#contentLeft .selectGame{
 margin:1% 0%;
 height:80%;
 float:left;
 width:98.5%;
 overflow:auto;
}
.selectGame .tblGame{
 margin:2% 0% 2% 1.25%;
 float:left; 
 height:20%;
 width:23%;
 font-size:100%;
 font-weight:bold;
 color:#fff;
 text-shadow:1px 1px #f00;
 cursor:pointer;
}
.selectGame .tblGame .headerGame{
 width:98%;
 height:20%;
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(radial, 50% -90%, 0, 50% -180%, 50, from(#dfbdbc), to(#200));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(50% -90%, farthest-corner, #dfbdbc, #200);
 /* Firefox 3.6+ */ 
 background:-moz-radial-gradient(50% -90%, farthest-corner, #dfbdbc, #200);
 /* IE 10 */
 background: -ms-radial-gradient(50% -90%, farthest-corner, #dfbdbc, #200);
 border: 1px solid #ff3;
 border-bottom:0px;
 border-radius:3px 3px 0px 0px;
}
.selectGame .tblGame .infoGame{
 width:98%;
 height:76%;
 background: -webkit-gradient(radial, center center, 0, center center, 350, from(#900), to(#600));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #900, #600);
 /* Firefox 3.6+ */ 
 background: -moz-radial-gradient(circle, #900, #600);
 /* IE 10 */
 background: -ms-radial-gradient(circle, #900, #600);
 border:1px solid #ff3;
 border-radius:0px 0px 3px 3px;
}
.infoGame .tbl{
 text-align:center;
 margin:4% auto;
 height:85%;
 width:70%;
 background:url(../image/3cay.png) no-repeat;
 background-size:100% 100%;
 display:table;
}
.infoGame .tbl .info{
 display:table-cell;
 vertical-align: middle;
}

#contentRight{
 position:relative;
 float:right;
 width:13%;
 height:98%;
 margin:1%;
}

#contentRight .options{
 position:relative;
 width:90%;
 margin:0% 0% 10% 1.5%;
 padding:5% 2.5%;
 text-align:center;
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(radial, 50% -20%, 0, 50% -50%, 60, from(#c66), to(#300));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(50% -20%, farthest-corner, #c66, #300);
 /* Firefox 3.6+ */ 
 background:-moz-radial-gradient(50% -20%, farthest-corner, #c66, #300);
 /* IE 10 */
 background: -ms-radial-gradient(50% -20%, farthest-corner, #c66, #300);
 border:1px solid #ff3;
 border-radius:5px;
 z-index:10;
 font-weight:bold;
 color:#ff3;
 text-shadow:1px 1px #600;
 cursor:pointer;
}

#contentRight #info{
 position:absolute;
 bottom:0%;
 width:100%;
 height:35%;
 text-align:center;
 border:0px;
 z-index:1;
}
#topInfo{
 float:left;
 width:100%;
 height:10%;
 background-image: url(../image/bordertopInfo.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
}
#botInfo{
 float:left;
 width:100%;
 height:10%;
 background-image: url(../image/borderbotInfo.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 z-index:-10;
}
#tblInfo{
 float:left;
 width:100%;
 height:80%;
 background:#491313;
 font-size:80%;
 line-height:100%;
 font-weight:bold;
 color:#ff3;
 text-shadow:1px 1px #600;
 text-align:center;
}
#tblInfo #imageInfo{
 float:left;
 width:99%;
 height:55%;
 border:1px solid #d2a406;
 border-top:0px;
}
#tblInfo #imageInfo .image{
 margin:6% 9% 4% 8%;
 height:80%;
 background:#000;
}
#tblInfo #nameInfo{
 float:left;
 width:99%;
 height:21%;
 border:1px solid #d2a406;
 border-top:0px;
 overflow:hidden;
 text-overflow:ellipsis;
}
#tblInfo #moneyInfo{
 z-index:10;
 float:left;
 width:99%;
 height:21%;
 border:1px solid #d2a406;
 border-top:0px;
 overflow:hidden;
 text-overflow:ellipsis;
}


#bgPopUp{
 position:fixed;
 height:100%;
 width:100%; 
 top:0;
 left:0;
 background:#000;
 opacity:0.5;
 filter:alpha(opacity=50);
 z-index:1000;
}  
.popUp{
 display:none;
 top:33%;
 left:40%;
 position:fixed;
 padding:1%;
 _position:absolute; /*hack for internet explorer 6 */
 /* IE10 */
 background: -ms-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Mozilla Firefox */ 
 background: -moz-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Opera */ 
 background: -o-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d0000), color-stop(1, #b55853));
 /* Webkit (Chrome 11+) */ 
 background: -webkit-linear-gradient(bottom, #3d0000 0%, #b55853 100%); 
 border:2px solid #feff33;
 border-radius: 6px;
 z-index:1001;
 text-align:center;
 font-size:85%;
}
.popupClose{
 position:absolute;
 right:1%;
 top:0%;
 font-size:90%;
 font-weight:bold;
 color:#ccc;
 cursor:pointer;
}
.divInputPopUp{
 margin:4% 0%;
 color:#fff;
 font-weight:bold;
}
.divBtnPopUp{
 text-align:center;
 margin: 4% 0% 1%;
}
.btnPU{
 padding: 1% 1.5%;
 color: #feff33;
 font-weight:bold;
 /* IE10 */ 
 background: -ms-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Mozilla Firefox */ 
 background: -moz-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Opera */ 
 background: -o-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d0000), color-stop(1, #b55853));
 /* Webkit (Chrome 11+) */ 
 background: -webkit-linear-gradient(bottom, #3d0000 0%, #b55853 100%); 
 border: 1px solid #feff33;
 border-radius: 5px;
 cursor: pointer;	
}

.tblSelect{
 color:#de3;
 margin:auto;
}
.lblSelect{
 cursor:pointer;
}





